.fullscreen-player-wrap{
	position: absolute !important;
	left: 0;
	right: 0;
	overflow: hidden;
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	.fix:after{visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
	.fullscreen-play-btn{
		position: absolute;
    top: 50%;
    margin-top: calc(-100vw*9/32);
    width: 100%;
    height: calc(100vw*9/16);
    background: rgba(0, 0, 0, .5);
    z-index: 10;
		.player_btn_bg{
			position: absolute;
			width: 60px;
			height: 60px;
			background: url(../images/mode0-play-btn.png) no-repeat;
			background-size: contain;
			left: 50%;
			transform: translateX(-50%);
			top: calc(100vw*9/16*.2);
		}
		p{
			font-size: 14px;
			color: #fff;
			text-align: center;
			padding-top: calc(100vw*9/16*.65);
		}
	}
	.flv-error-tips{
		position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 12px;
    color: #fff;
    background: #000;
    line-height: 33px;
    height: 33px;
    text-align: center;
    border-radius: 2px;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 3;
	}
	.fullscreen-line-load, .fullscreen-video-load{
		position: absolute;
    left: 0;
    top: 50%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    width: 100%;
    z-index: 3;
	}
	.fullscreen-play-btn-mode2-inner{
		position: absolute;
		font-size: 14px;
		color: #fff;
		text-align: center;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.fullscreen-play-btn-mode2{
		position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 3;
		background-color: #24231D;
		.player_btn_bg_2{
			margin: 0 auto 5px;
			width: 50px;
			height: 50px;
			background: url(../images/mode1-play-btn.png) no-repeat;
			background-size: contain;
		}
	}
	.video-inner-box{
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 2;
		.video-js{
			object-fit: contain;
			object-position: center;
		}
	}
	.choose-line-mode2-wrap{
		position: fixed;
		top:0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9;
		display: none;
		.choose-line-mode2-bg-cover{
			position: absolute;
			top:0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0,0,0,.6)
		}
		.line-wrap{
			position: absolute;
			font-size: 16px;
			color: white;
			width: 200px;
			line-height: 40px;
			text-align: center;
			top: 40%;
			left: 50%;
			transform: translate3d(-50%,-50%,0);
			.line-wrap-item{
				display: block;
				margin-bottom: 20px;
			}
			.line-wrap-item.active{
				background: rgba(67,96,240,0.20);
				border: 1px solid #4360F0;
				border-radius: 68px;
			}
		}
	}
	.choose-line-mode2-wrap.active{
		display: block;
	}
	.video-control-wrap{
		position: absolute;
		left:0 ;
		right: 0;
		height: 46px;
		line-height: 46px;
		background-color: rgba(91,91,91,.4);
		z-index: 3;
		bottom: 0;
		color: #fff;
		font-size: 14px;
		opacity: 0;
		visibility: hidden;
		transition: opacity .5s;
		.video-control-left-wrap{
			font-size:14px;
			color:#fff;
			.video-control-play-icon{
				display: inline-block;
				margin:0 8px 0 10px;
				width: 27px;
				height: 27px;
				background: url(../images/video-control-play.png) no-repeat;
				background-size:contain;
				vertical-align: -8px;
			}
			.video-control-play-live{
				position: relative;
				&::after{
					content: '';
					position: absolute;
					width: 8px;
					height: 8px;
					background-color: #1090fe;
					border-radius: 50%;
					right: -15px;
					top: 50%;
					transform: translateY(-50%);
				}
			}
		}
		.video-control-right-wrap{
			margin-right: 10px;
			span{
				display: inline-block;
				margin-left: 10px;
				margin-right: 12px;
				line-height: 24px;
				padding: 0 10px;
				background-color: rgba(255,255,255,.3);
				border-radius: 12px;
			}
			.fullscreen-icon{
				display: inline-block;
				width: 24px;
				height: 24px;
				background:url(../images/icon-fullscreen.png) no-repeat;
				background-size:contain;
				vertical-align:-6px; 
			}
		}
	}
	.video-control-wrap.active{
		opacity: 1;
		visibility: visible;
	}
	.choose-line-wrap{
		position: absolute;
		padding: 0 16px;
		left: 0;
		right: 0;
		top: 96px;
		font-size: 14px;
		color: #fff;
		line-height: 26px;
		z-index: 11;
		.choose-line-innerwrap{
			position: relative;
			.choose-line-inner-leftwrap{
				position: relative;
				padding: 0 0.5rem;
				border-radius: 0.93rem 0 0 0.93rem;
				background-color: #4360F0 ;
			}
			.choose-line-inner-rightwrap{
				position: relative;
				padding: 0 0.5rem;
				border-radius: 0 0.93rem 0.93rem 0;
				background-color: rgba(255,255,255,.8);
				color: #4360F0;
				.line-name{
				  display:inline-block;
				  max-width: 6.25rem;
				  vertical-align: top;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.choose-line-icon{
					display: inline-block;
					margin-left: 0.37rem;
					width: 1.18rem;
					height: 0.68rem;
					background: url(../images/choose-line-down-icon.png) no-repeat;
					background-size: contain;
					transition: transform .25s;
				}
				.choose-line-mode0-wrap{
					position: absolute;
					left: 0;
					right: 0.75rem;
					text-align: center;
					color: #000;
					background-color: rgba(255,255,255,.8);
					display: none;
					.line-wrap-item{
						line-height: 30px;
					}
					.line-wrap-item.active{
						color: #4360F0;
					}
				}
			}
			.choose-line-inner-rightwrap.active{
				.choose-line-icon{
					transform: rotate(180deg)
				}
				.choose-line-mode0-wrap{
					display: block;
				}
			}
		}
		.set-auto-change-wrap{
			padding: 0 0.5rem;
			background-color:#4360F0;
			border-radius: 0.93rem;
		}
	}
}
.fullscreen-player-wrap.fullscreen-player-wrap-mode0{
	height: 100%;
}
.fullscreen-player-wrap.fullscreen-player-wrap-mode1{
	height: calc(100vw * 9 / 16);
}